import { mount } from 'vue-test-utils'
import utils from '../../../utils'
import iconFont from 'src/views/iconFont/src/iconFont.vue'

describe('iconFont', () => {
  // 使用mount可以创建一个包涵被挂载和渲染的一个实例
  const vm = mount(iconFont, {})
  it('element-ui图标', () => {
    vm.setProps({ name: 'el-icon-edit' })
    expect(utils.hasClass(vm, 'el-icon-edit')).equal(true)
  })

  it('非element-ui图标', () => {
    vm.setProps({ name: 'edit' })
    expect(utils.hasClass(vm, 'edit')).equal(true)
    expect(utils.hasClass(vm, 'iconfont')).equal(true)
  })

  it('size 尺寸', () => {
    vm.setProps({ size: '30' })
    expect(vm.attributes().style).to.have.string('font-size: 30px')
  })

  it('color 颜色', () => {
    vm.setProps({ color: '#fff' })
    expect(vm.attributes().style).to.have.string('color: rgb(255, 255, 255)')
  })
})
